<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.0.0" data-semver="2.0.0" 
    src="http//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script data-require="angular.js@1.0.7" data-semver="1.0.7" 
    src="http://code.angularjs.org/1.0.7/angular.min.js"></script>
  </head>

  <body>
    <h1>try a+ng-click in Angular</h1>
    
  <div ng-controller="restService">
    <h1><a href="http://zoomq.dn.qbox.me/ZHGDG/crx/elf_v1.0.crx" 
        ng-click="rest_up_dl()">download as a+ng-click</a>
        </h1>
    <h2>
        <snap ng-init="rest_init_dl('0')">
            total download: [[totdl]] 
        </snap>
    </h2>
    <h3>
        <div id="angular4click"  ng-click="rest_up_dl()">
            only ng-click for add download number
        </div>
    </h3>

    <h1><a href="http://zoomq.dn.qbox.me/ZHGDG/crx/elf_v1.0.crx" 
        click="$('#angular4click').click();">download with jQ</a>
          
        </h1>
</div>

<script>
// Code goes here

function restService($scope, $http) {
    var apiurl = 'http://sayeahoo.sinaapp.com/api/'
    $scope.method = 'GET';
    $scope.rest_init_dl = function(uuid) {
        $scope.response = null;
        var uri = apiurl+uuid
        console.log(uri);
        $http({method: 'GET', url: uri}).
            success(function(data, status) {
                console.log("ct:"+data.ct);
                $scope.status = status;
                if(0 === data.success){
                    $scope.dc = "error by srv.";
                }else{
                    $scope.totdl = data.ct;
                    $scope.isAllFetched = true;
                }
            }).
            error(function(data, status) {
                console.log("error:"+status);
            }
        );
    };

    $scope.rest_up_dl = function() {
        $scope.response = null;
        var uri = apiurl+$scope.totdl
        console.log(uri);
        $http({method: 'GET', url: uri}).
            success(function(data, status) {
                console.log("ct:"+data.ct);
                $scope.status = status;
                if(0 === data.success){
                    $scope.dc = "error by srv.";
                }else{
                    $scope.totdl = data.ct;
                    $scope.isAllFetched = true;
                }
            }).
            error(function(data, status) {
                console.log("error:"+status);
            }
        );
    };
}

angular.bootstrap(document.documentElement,
    [function($interpolateProvider){
      $interpolateProvider.startSymbol('[[');
      $interpolateProvider.endSymbol(']]');
    }]);

</script>

  </body>

</html>
